<template>
  <div>
    <!-- 这里是视图View层 -->
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h3>{{ obj.age > 18 ? "成年" : "未成年" }}</h3>
  </div>
</template>

<script>
export default {
  data() {
    // 这里是M(model层)-数据
    return {
      // key相当于变量名
      msg: "hello, vue",
      obj: {
        name: "小vue",
        age: 5,
      },
    };
  }
  // vue调试工具前提: 这个网页是vue写的, 才能在控制台里找到vue(而且确保vue-devtools工具正确安装) 
}
</script>

<style>
</style>